<template>
	<view class="agreement-page">
		<!-- 自定义导航栏 -->
		<view class="custom-navbar" :style="{ paddingTop: statusBarHeight + 'px' }">
			<view class="navbar-content">
				<view class="nav-left" @click="goBack">
					<view class="back-button">
						<text class="iconfont icon-left"></text>
					</view>
				</view>
				<view class="nav-center">
					<text class="nav-title">用户服务协议</text>
				</view>
				<view class="nav-right"></view>
			</view>
		</view>

		<!-- 协议内容 -->
		<scroll-view class="agreement-content" scroll-y>
			<view class="content-wrapper">
				<view class="agreement-header">
					<text class="agreement-title">伊言一语用户服务协议</text>
					<text class="update-time">更新时间：2025年8月30日</text>
				</view>

				<view class="agreement-body">
					<view class="section">
						<text class="section-title">1. 服务条款的确认和接纳</text>
						<text class="section-content">
							欢迎使用伊言一语！本协议是您与伊言一语之间关于使用伊言一语服务所订立的协议。请您仔细阅读本协议，您点击"同意"、"下一步"或您的注册、使用等行为或者以其他任何明示或者默示方式表示接受本协议的，即视为您已阅读并同意本协议的约束。
						</text>
					</view>

					<view class="section">
						<text class="section-title">2. 服务内容</text>
						<text class="section-content">
							伊言一语是一款基于人工智能技术的心理健康咨询应用，为用户提供：
							• 智能心理咨询对话服务
							• 情绪分析和心理健康评估
							• 心理健康知识和建议
							• 个人心理档案管理
						</text>
					</view>

					<view class="section">
						<text class="section-title">3. 用户注册</text>
						<text class="section-content">
							3.1 用户注册时必须提供真实、准确、完整的个人信息。
							3.2 用户有义务在注册信息发生变化时及时更新。
							3.3 用户应当妥善保管账户信息，对账户下的所有活动承担责任。
							3.4 禁止恶意注册账户或批量注册账户。
						</text>
					</view>

					<view class="section">
						<text class="section-title">4. 使用规范</text>
						<text class="section-content">
							4.1 用户承诺遵守法律法规，不得利用本服务从事违法活动。
							4.2 不得发布违法、有害、威胁、辱骂、骚扰、侵权、中伤、粗俗、猥亵或其他道德上令人反感的内容。
							4.3 不得恶意使用服务，包括但不限于恶意刷屏、发送垃圾信息等。
							4.4 尊重其他用户，维护良好的社区环境。
						</text>
					</view>

					<view class="section">
						<text class="section-title">5. 服务免责声明</text>
						<text class="section-content">
							5.1 本服务仅提供一般性的心理健康信息和建议，不能替代专业的医疗诊断和治疗。
							5.2 如遇紧急情况或严重心理问题，请立即寻求专业医疗帮助。
							5.3 我们不对AI提供的建议的准确性、完整性或适用性承担责任。
							5.4 用户应理性对待AI建议，结合自身实际情况做出判断。
						</text>
					</view>

					<view class="section">
						<text class="section-title">6. 知识产权</text>
						<text class="section-content">
							6.1 本服务的所有内容，包括但不限于文字、图片、音频、视频、软件等，均受知识产权法保护。
							6.2 未经授权，用户不得复制、传播、修改或商业使用本服务的任何内容。
							6.3 用户发布的内容，授权我们在服务范围内使用。
						</text>
					</view>

					<view class="section">
						<text class="section-title">7. 服务变更与终止</text>
						<text class="section-content">
							7.1 我们保留随时修改或中断服务的权利。
							7.2 因系统维护、升级等原因需要暂停服务时，我们将尽量提前通知。
							7.3 用户违反本协议时，我们有权终止提供服务。
						</text>
					</view>

					<view class="section">
						<text class="section-title">8. 协议修改</text>
						<text class="section-content">
							我们保留随时修改本协议的权利。协议修改后，我们将在应用内发布公告。用户继续使用服务即视为同意修改后的协议。
						</text>
					</view>

					<view class="section">
						<text class="section-title">9. 联系我们</text>
						<text class="section-content">
							如您对本协议有任何疑问，请通过以下方式联系我们：
							• 应用内反馈功能
							• 客服邮箱：chen.mo.shi.yin@163.com
						</text>
					</view>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			statusBarHeight: 0
		}
	},
	
	async onLoad() {
		// 获取状态栏高度
		const systemInfo = await this.getSystemInfo();
		this.statusBarHeight = systemInfo.statusBarHeight || 0;
	},
	
	methods: {
		getSystemInfo() {
			return new Promise((resolve) => {
				uni.getSystemInfo({
					success: resolve,
					fail: () => resolve({})
				});
			});
		},
		
		goBack() {
			uni.navigateBack();
		}
	}
}
</script>

<style scoped lang="scss">
.agreement-page {
	height: 100vh;
	background: #f8f9fa;
	display: flex;
	flex-direction: column;
}

.custom-navbar {
	background: white;
	border-bottom: 1rpx solid #e5e5e5;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	
	.navbar-content {
		height: 88rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 30rpx;
		
		.nav-left {
			width: 80rpx;
			display: flex;
			align-items: center;
			
			.back-button {
				width: 60rpx;
				height: 60rpx;
				border-radius: 50%;
				background: #f0f0f0;
				display: flex;
				align-items: center;
				justify-content: center;
				transition: all 0.3s ease;
				
				&:active {
					background: #e0e0e0;
				}
				
				.iconfont {
					font-size: 32rpx;
					color: #333;
				}
			}
		}
		
		.nav-center {
			flex: 1;
			text-align: center;
			
			.nav-title {
				font-size: 36rpx;
				font-weight: 600;
				color: #333;
			}
		}
		
		.nav-right {
			width: 80rpx;
		}
	}
}

.agreement-content {
	flex: 1;
	margin-top: 88rpx;
}

.content-wrapper {
	padding: 40rpx 30rpx;
}

.agreement-header {
	text-align: center;
	margin-bottom: 60rpx;
	
	.agreement-title {
		display: block;
		font-size: 42rpx;
		font-weight: 700;
		color: #333;
		margin-bottom: 20rpx;
	}
	
	.update-time {
		display: block;
		font-size: 28rpx;
		color: #666;
	}
}

.agreement-body {
	.section {
		margin-bottom: 50rpx;
		
		.section-title {
			display: block;
			font-size: 32rpx;
			font-weight: 600;
			color: #333;
			margin-bottom: 20rpx;
			line-height: 1.5;
		}
		
		.section-content {
			display: block;
			font-size: 30rpx;
			color: #555;
			line-height: 1.8;
			text-align: justify;
		}
	}
}
</style>